<template>
    <div class="container">
        <div class="box col-12">
            <div class="box-header">
                <div class="header-title">
                    <button class="btn btn-primary">新增</button>
                    <button class="btn btn-primary">新增</button>
                    <button class="btn btn-primary">新增</button>
                    <button class="btn btn-primary">新增</button>
                    <button class="btn btn-primary">新增</button>
                </div>
                <div class="header-border">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>UserId</label>
                            <input class="form-control">
                        </div>
                        <div class="form-group">
                            <label>UserName</label>
                            <input class="form-control">
                        </div>
                        <div class="form-group">
                            <label>Role</label>
                            <input class="form-control">
                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary">查询</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="box-body">
                <Table ref="selection" height="400" :columns="columns" :data="list" border stripe>
                </Table>
            </div>
        </div>
    </div>
</template>

<script>
import axios from 'axios';
export default {
    name: 'student',
    data() {
        return {
            list: [],
            columns: [
                { type: 'selection', width: 50, align: 'center' },
                { key: 'sFullName', title: '基金名称', sortable: true },
                { key: 'sFundName', title: '基金简称', sortable: true },
                { key: 'sFundCode', title: '基金代码', sortable: true }
            ],
        }
    },
    created() {

    },
    mounted() {
        this.lists();
    },
    methods: {
        lists() {
            let that = this;
            let getBody = {
                pageIndex: 1,
                pageSize: 10,
                sStatus: "wyz",
                sFundType: 7,
                sFullName: '',  //组合名称 
                sContractName: '', //合同名称 
                sLinkPrincipalNo: '' //受托人
            }

            this.axios.post('http://120.25.208.147:10808/pms/v1/pension/basicInfo/pensionList?token=admin', getBody)
                .then(res => res.data.data)
                .then(data => {
                    console.log(data.list)
                    that.list = data.list
                })
        }
    }
}
</script>

<style>
.ivu-table td, .ivu-table th{
    text-align: center;
}
.col-12 {
  padding: 0 !important;
}
.container {
  width: 100%;
  margin: 0;
  padding: 10px;
}
.box {
  background-color: white;
  border-radius: 0 0 3px 3px;
}
.box-header {
  padding: 10px;
  border-top: 3px solid blue;
  border-radius: 3px 3px 0 0;
}
.header-title {
}
.header-border {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid gray;
}
.box-body {
  padding: 0 10px 10px 10px;
}
</style>
